<ion-header>
  联系人
</ion-header>

<ion-content>
  <div class="searchBox">
    <i class="icons-find"></i>
      <input class="search" placeholder="联系人" type="text"/>
  </div>
 
  <div class="divider"></div>

  <div class="letterGroup">
    <div class="item letter">
      <div class="imgBox bgcblue1">
        A
      </div>
      <div class="line">
        A
      </div>
    </div>
    <div class="item">
      <div class="imgBox bgcblue1">
        阿
      </div>
      <div class="line">
        阿帆
      </div>
    </div>
    <div class="item">
      <div class="imgBox bgcyellow">
        爱
      </div>
      <div class="line">
        爱又名
      </div>
    </div>
    <div class="divider"></div>

  </div>

  <div class="letterGroup">
    <div class="item letter">
      <div class="imgBox bgccyan">
        C
      </div>
      <div class="line">
        C
      </div>
    </div>
    <div class="item">
      <div class="imgBox bgccyan">
        曹
      </div>
      <div class="line">
        曹师傅
      </div>
    </div>
    <div class="item">
      <div class="imgBox bgcblue2">
        才
      </div>
      <div class="line">
        才幽幽
      </div>
    </div>
  </div>

</ion-content>